<template>
   <view>
      <!-- 评论列表 -->
      <view v-for="(comment, index) in comments" :key="index">
        <text>{{ comment.user }}：</text>
        <text>{{ comment.content }}</text>
      </view>
  
      <!-- 输入框和提交按钮 -->
      <input placeholder="发表评论" v-model="newComment" />
      <button @click="postComment">提交</button>
    </view>
</template>

<script>
  export default {
    name:"comment-section",
    data() {
        return {
          comments: [], // 存储评论数据
          newComment: '', // 存储用户新评论
        };
      },
      methods: {
        // 发布新评论
        postComment() {
          // 模拟添加新评论
          this.comments.push({
            user: 'User', // 用户名可以根据实际情况获取
            content: this.newComment,
          });
          this.newComment = ''; // 清空输入框
        },
      },
  }
</script>

<style lang="scss">

</style>